<%--
  Created by IntelliJ IDEA.
  User: SJ
  Date: 2018/7/31
  Time: 14:11
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" %>


<head lang="en">
    <meta name="content-type" content="text/html; charset=utf-8">
    <title>交换机</title>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/pub-ui/css/default.css"/>
    <%@include file="../../../common/include/inc_ace.jsp" %>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/page-styles.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/base.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/header.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/load.css"/>

    <script type="text/javascript">
        var EXT_UNIT_ID = '${UNIT_ID}';
        var DATE_TYPE = '${DATE_TYPE}';
        var CLASS_NAME = '${CLASS_NAME}';
    </script>

</head>
<body>
<div class="homecontent">

    <%--&lt;%&ndash;设备基本信息&ndash;%&gt;--%>
    <%--<div class="row row1">--%>
    <%--<div class="item monitor_row1_item1">--%>
    <%--<div class="title">--%>
    <%--<div class="icon"></div>--%>
    <%--<h3>交换机基本信息</h3>--%>
    <%--<div class="homemore1"></div>--%>
    <%--</div>--%>
    <%--<div class="content">--%>
    <%--<div class="table7">--%>
    <%--<table cellspacing="0" id="info">--%>
    <%--</table>--%>
    <%--</div>--%>
    <%--</div>--%>
    <%--</div>--%>
    <%--</div>--%>

    <div class="row row2">
        <div class="item monitor_row2_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>端口状态可用性</h3>
                <div class="homemore1"></div>
            </div>
            <div>
                <div style="margin-top:2px;margin-right:2px;width: 98%;height: 415px;" id="cpu_echart"></div>
            </div>
        </div>

        <div class="item monitor_row2_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>总流量</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 415px;" id="zll_jhj">

            </div>
        </div>
    </div>

    <%--CPU折线图--%>
    <div class="row row2">
        <div class="item monitor_row2_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>帧流量</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin:auto;width: 100%;height: 94%;" id="zhll_jhj">
            </div>
        </div>
        <div class="item monitor_row2_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>丢包数</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin:auto;width: 100%;height: 94%;" id="dbs_jhj">
            </div>
        </div>
    </div>

    <%--内存折线图--%>
    <div class="row row4">
        <div class="item monitor_row4_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>错包数</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin:auto;width: 100%;height: 94%;" id="cbs_jhj">
            </div>
        </div>
        <div class="item monitor_row4_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>广播包数</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin:auto;width: 100%;height: 94%;" id="gbbs_jhj">
            </div>
        </div>
    </div>


</div>

<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js" charset="utf-8"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
<script type="text/javascript" src="${ctx}/resource/bigdata/changer/changer.js"></script>
</body>
